<template>
	<text class="iconfont" :class="name" :style="{color:color,fontSize:size}" @click.stop="onCilck()"></text>
</template>

<script>
	export default {
		props:{
			name:{
				type:String,
				default:""
			},
			color:{
				type:String,
				default:"#333333"
			},
			size:{
				type:String,
				default:"20rpx"
			}
		},
		methods:{
			onCilck(){
				this.$emit("click")
			}
		}
	}
</script>

<style lang="scss" scoped>
	// /* 此处为style标签内容的最前面 */
	@import "@/static/font/iconfont.css";
</style>
